<template>
	<view class="adv">
		<view class="left" @tap="handleClickAdv(data.big)">
			<image :src="data.big" class="big"></image>
		</view>
		<view class="right">
			<view class="top" @tap="handleClickAdv(data.smalltop)">
				<image :src="data.smalltop" class="small"></image>
			</view>
			<view class="bottom" @tap="handleClickAdv(data.smallbottom)">
				<image :src="data.smallbottom" class="small"></image>
			</view>

		</view>
	</view>
</template>

<script>
	export default {
		props: {
			data: {
				type: Object
			}
		},
		data() {
			return {

			};
		},
		methods:{
			//点击广告图片
			handleClickAdv(e){
				this.$emit('click',e)
			}
		}
		
	}
</script>

<style lang="scss" scoped>
	.adv {
		height: 520rpx;
		width: 100vw;

		.left {
			display: inline-block;
			height: 520rpx;
			width: 50vw;
			margin-right: 1vw;

			.big {
				height: 520rpx;
				width: 50vw;
			}
		}

		.right {
			display: inline-block;
			height: 520rpx;
			width: 49vw;

			.top {
				box-sizing: border-box;
				width: 49vw;
				height: 50%;
				padding-bottom:5rpx;
			}

			.bottom {
				box-sizing: border-box;
				width: 49vw;
				height: 50%;
				padding-top: 5rpx;
			}

			.small {
				width: 49vw;
				height: 100%;
			}


		}
	}
</style>
